﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Shoe</title>
    <link rel="stylesheet" href="styles/blog.css">
</head>
<body>

<article class="product">

    <h2 class="product-title">Converse Chuck
        Taylor All Star Low
        Top</h2>
    <div class="container clearfix">
    <img src="/images/shoe.jpg"
         alt="Converse Chuck Taylor All Star"
         width="250" height="250" class="product-image">

    <div class="product-info">
        <p>
            <strong class="price">$65.00</strong>
        </p>
        <p class="shipping">Free shipping</p>
        <p class="sale">Sale</p>
        <p class="product-description">Ready to
            dress up or down,these classic
            canvas Chucks are an everyday wardrobe
            staple.</p>

        <a class="more-info" href="#">More
            information &rarr;</a>

        <div class="colors">
            <div class="color"></div>
            <div class="color color-blue"></div>
            <div class="color color-red"></div>
            <div class="color color-yellow"></div>
            <div class="color color-green"></div>
            <div class="color color-brown"></div>
        </div>

    </div>


    <div class="product-details">
        <h3 class="details-title">Product
            details</h3>
        <ul class="details-list">
            <li>Lightweight,durable canvas sneaker
            </li>
            <li>Lightly padded footbed for added
                comfort
            </li>
            <li>Iconic Chuck Taylor ankle patch.
            </li>
        </ul>
    </div>
    </div>
    <button class="add-cart">Add to cart</button>
</article>

</body>
</html>